<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script>
    // 第一种方法：通过修改length长度
    var arr = ['red', 'green', 'blue'];
    console.log(arr.length);
    arr.length = 5;
    console.log(arr);
    console.log(arr[3]);
    console.log(arr[4]);

    //第二种方法：通过修改索引号,追加数组元素
    var arr = ['red', 'green', 'blue'];
    arr1[3] = 'skyblue';
    console.log(arr1);
    arr1[4] = 'pink';
    console.log(arr1);
    arr1[0] = 'yellow'; // 这里是替换原来的数组元素
    console.log(arr1);
    // arr1 = '你真厉害'; // 不要直接给 数组名赋值，否则里面的数组元素都没有了
    // console.log(arr1);
  </script>
</head>

<body>

</body>

</html>